﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wijmo.Master" AutoEventWireup="true"
	CodeBehind="Functions.aspx.cs" Inherits="ControlExplorer.C1Menu.Functions" %>

<%@ Register Assembly="C1.Web.Wijmo.Controls.3" Namespace="C1.Web.Wijmo.Controls.C1Menu"
	TagPrefix="wijmo" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
	<wijmo:C1Menu runat="server" ID="Menu1" Mode="Sliding">
		<Items>
			<wijmo:C1MenuItem Text="菜单项" runat="server">
			</wijmo:C1MenuItem>
			<wijmo:C1MenuItem ID="C1MenuItem1" Text="突发事件" runat="server">
				<Items>
					<wijmo:C1MenuItem runat="server" Header="true" Text="标题2">
					</wijmo:C1MenuItem>
					<wijmo:C1MenuItem runat="server" Separator="true">
					</wijmo:C1MenuItem>
					<wijmo:C1MenuItem runat="server" Text="娱乐">
					</wijmo:C1MenuItem>
					<wijmo:C1MenuItem ID="C1MenuItem2" runat="server" Text="政治" NavigateUrl="http://www.w3schools.com/tags/html5.asp">
					</wijmo:C1MenuItem>
					<wijmo:C1MenuItem ID="C1MenuItem3" runat="server" Text="建筑">
					</wijmo:C1MenuItem>
					<wijmo:C1MenuItem ID="C1MenuItem4" runat="server" Text="运动">
					</wijmo:C1MenuItem>
					<wijmo:C1MenuItem ID="C1MenuItem5" runat="server" Text="本地新闻">
					</wijmo:C1MenuItem>
					<wijmo:C1MenuItem ID="C1MenuItem6" runat="server" Text="健康">
					</wijmo:C1MenuItem>
				</Items>
			</wijmo:C1MenuItem>
			<wijmo:C1MenuItem ID="C1MenuItem7" runat="server" Text="娱乐">
				<Items>
					<wijmo:C1MenuItem ID="C1MenuItem8" runat="server" Text="名人新闻">
					</wijmo:C1MenuItem>
					<wijmo:C1MenuItem ID="C1MenuItem9" runat="server" Text="八卦">
					</wijmo:C1MenuItem>
					<wijmo:C1MenuItem ID="C1MenuItem10" runat="server" Text="电影">
					</wijmo:C1MenuItem>
					<wijmo:C1MenuItem ID="C1MenuItem11" runat="server" Text="音乐">
						<Items>
							<wijmo:C1MenuItem ID="C1MenuItem12" runat="server" Text="可选">
							</wijmo:C1MenuItem>
							<wijmo:C1MenuItem ID="C1MenuItem13" runat="server" Text="乡村">
							</wijmo:C1MenuItem>
							<wijmo:C1MenuItem ID="C1MenuItem14" runat="server" Text="舞曲">
							</wijmo:C1MenuItem>
							<wijmo:C1MenuItem ID="C1MenuItem15" runat="server" Text="电子音乐">
							</wijmo:C1MenuItem>
							<wijmo:C1MenuItem ID="C1MenuItem16" runat="server" Text="金属">
							</wijmo:C1MenuItem>
							<wijmo:C1MenuItem ID="C1MenuItem17" runat="server" Text="流行">
							</wijmo:C1MenuItem>
							<wijmo:C1MenuItem ID="C1MenuItem18" runat="server" Text="摇滚">
								<Items>
									<wijmo:C1MenuItem ID="C1MenuItem19" runat="server" Text="乐队">
										<Items>
											<wijmo:C1MenuItem ID="C1MenuItem22" runat="server" Text="Dokken">
											</wijmo:C1MenuItem>
										</Items>
									</wijmo:C1MenuItem>
									<wijmo:C1MenuItem ID="C1MenuItem20" runat="server" Text="粉丝俱乐部">
									</wijmo:C1MenuItem>
									<wijmo:C1MenuItem ID="C1MenuItem21" runat="server" Text="歌曲">
									</wijmo:C1MenuItem>
								</Items>
							</wijmo:C1MenuItem>
						</Items>
					</wijmo:C1MenuItem>
					<wijmo:C1MenuItem ID="C1MenuItem23" runat="server" Text="幻灯片">
					</wijmo:C1MenuItem>
					<wijmo:C1MenuItem ID="C1MenuItem24" runat="server" Text="红地毯">
					</wijmo:C1MenuItem>
				</Items>
			</wijmo:C1MenuItem>
			<wijmo:C1MenuItem ID="C1MenuItem25" Text="财政" runat="server">
				<Items>
					<wijmo:C1MenuItem ID="C1MenuItem26" Text="私人" runat="server">
						<Items>
							<wijmo:C1MenuItem ID="C1MenuItem28" Text="贷款" runat="server">
							</wijmo:C1MenuItem>
							<wijmo:C1MenuItem ID="C1MenuItem29" Text="储蓄" runat="server">
							</wijmo:C1MenuItem>
							<wijmo:C1MenuItem ID="C1MenuItem30" Text="抵押" runat="server">
							</wijmo:C1MenuItem>
							<wijmo:C1MenuItem ID="C1MenuItem31" Text="债务" runat="server">
							</wijmo:C1MenuItem>
						</Items>
					</wijmo:C1MenuItem>
					<wijmo:C1MenuItem ID="C1MenuItem27" Text="商业" runat="server">
					</wijmo:C1MenuItem>
				</Items>
			</wijmo:C1MenuItem>
			<wijmo:C1MenuItem ID="C1MenuItem32" Text="事食物 &#38; 烹饪" runat="server">
				<Items>
					<wijmo:C1MenuItem ID="C1MenuItem33" Text="早餐" runat="server">
					</wijmo:C1MenuItem>
					<wijmo:C1MenuItem ID="C1MenuItem34" Text="午餐" runat="server">
					</wijmo:C1MenuItem>
					<wijmo:C1MenuItem ID="C1MenuItem35" Text="晚餐" runat="server">
					</wijmo:C1MenuItem>
					<wijmo:C1MenuItem ID="C1MenuItem36" Text="甜点" runat="server">
						<Items>
							<wijmo:C1MenuItem ID="C1MenuItem37" Text="蛋糕" runat="server">
							</wijmo:C1MenuItem>
							<wijmo:C1MenuItem ID="C1MenuItem38" Text="立体脆" runat="server">
							</wijmo:C1MenuItem>
							<wijmo:C1MenuItem ID="C1MenuItem39" Text="都要" runat="server">
							</wijmo:C1MenuItem>
						</Items>
					</wijmo:C1MenuItem>
				</Items>
			</wijmo:C1MenuItem>
			<wijmo:C1MenuItem ID="C1MenuItem40" Text="生活方式" runat="server">
			</wijmo:C1MenuItem>
			<wijmo:C1MenuItem ID="C1MenuItem41" Text="新闻" runat="server">
			</wijmo:C1MenuItem>
			<wijmo:C1MenuItem ID="C1MenuItem42" Text="政治" runat="server">
			</wijmo:C1MenuItem>
			<wijmo:C1MenuItem ID="C1MenuItem43" Text="运动" runat="server">
			</wijmo:C1MenuItem>
			<wijmo:C1MenuItem ID="C1MenuItem44" Text="小说" runat="server">
			</wijmo:C1MenuItem>
			<wijmo:C1MenuItem ID="C1MenuItem45" Text="杂志" runat="server">
			</wijmo:C1MenuItem>
			<wijmo:C1MenuItem ID="C1MenuItem46" Text="书籍" runat="server">
			</wijmo:C1MenuItem>
			<wijmo:C1MenuItem ID="C1MenuItem47" Text="教育" runat="server">
			</wijmo:C1MenuItem>
		</Items>
	</wijmo:C1Menu>

	<p>
		<input type="button" id="previous" value="前一个" />
		<input type="button" id="next" value="下一个" />
		<input type="button" id="previousPage" value="最前一个" />
		<input type="button" id="nextPage" value="最后一个" />
	</p>
		<script type="text/javascript">
			var count = 0;
			$(document).ready(function () {
				$("#previous").click(function () {
					$("#<%= Menu1.ClientID %>").focus().c1menu("previous");
					count++;
				});
				$("#next").click(function () {
					$("#<%= Menu1.ClientID %>").focus().c1menu("next");
					count++;
				});
				$("#previousPage").click(function () {
					if (count === 0) {
						$("#<%= Menu1.ClientID %>").find(".wijmo-wijmenu-link:first").click();
					}
					$("#<%= Menu1.ClientID %>").c1menu("previousPage");
					count++;
				});
				$("#nextPage").click(function () {
					if (count === 0) {
						$("#<%= Menu1.ClientID %>").find(".wijmo-wijmenu-link:first").click();
					}
					$("#<%= Menu1.ClientID %>").c1menu("nextPage");
					count++;
				});
			});


	</script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Description" runat="server">
<p><strong>C1Menu</strong> 控件有一个丰富的客户端API。此示例展示了怎样调用客户端的功能。 
</p>
<p>此示例展示了以下客户端功能：</p>
	<ul>
		<li>previous（前一个）</li>
		<li>next（下一个）</li>
		<li>previousPage（最前一个）</li>
		<li>nextPage（最后一个）</li>
	</ul>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ControlOptions" runat="server">
	
</asp:Content>
